<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/ciwhy/js/jquery-1.7.2.min.js"></script>
<style>
body{text-align:center; margin:0px; font-size:12px;}
a{text-decoration:none; color:#333;}
#main{width:100%; height:600px; margin-left:auto; margin-right:auto;}
#header{height:90px; background:#ccc;}
#pleft{width:160px; height:540px; float:left; border-right:solid 1px #ccc; text-align:center; padding:5p;}
#pright{width:740px; height:540px; float:left;}
#menu{line-height:30px;}
#menu ul{margin:0px; padding:0px; list-style:none;}
#menu ul li{}
#menu ul li a{display:block; width:150px; height:40px; background:#999; font-size:15px;}
#menu ul li ul{display:none; }
#menu ul li ul li{}
#menu ul li ul li a{display:block; width:150px; height:40px; background:#ccc; font-size:12px;}
#menu ul li ul li a:hover{background:#ccd}

h4{margin:0px; padding:0px;}
</style>
</head>
<body>
<div id="main">
   <div id="header"> 顶部</div>
   <div id="pleft">
       <div>
       <div style="background:#000; color:#fff; font-size:15px;"><h4>管理员菜单</h4></div>
       服务器IP：<br>
       127.0.0.1<br>
       </div>
       <div id="menu">
          <ul>
             <li><a href="#">内容管理</a>
                 <ul>
                     <li><a href="">全部文章</a></li>
                     <li><a href="#">添加文章</a></li>
                 </ul>
             </li>
             <li><a href="#">图片管理</a>
                 <ul>
                     <li><a href="#">全部图片</a></li>
                     <li><a href="#">添加图片</a></li>
                 </ul>
             </li>
             <li><a href="#">生成静态</a>
                 <ul>
                     <li><a href="#">整站静态</a></li>
                     <li><a href="#">添加文章</a></li>
                 </ul>
             </li>
             <li><a href="#">用户管理</a>
                 <ul>
                     <li><a href="#">用户列表</a></li>
                     <li><a href="#">添加用户</a></li>
                 </ul>
             </li>
             <li><a href="#">退出登陆</a></li>
          </ul>
       </div>
   </div>
   <div id="pright">
   </div>
</div>
<script type="text/javascript">
$("#menu>ul>li").mouseover(function(){$(this).find('ul').toggle();});
$("#menu>ul>li").mouseout(function(){$(this).find('ul').toggle();});

</script>
</body>
</html>